.c-box{
	@extend .c-box-no;
	padding: 32rpx;
	box-shadow: 5rpx 5rpx 10rpx #e0ecff
}
.c-box-no{
	@extend  .c-box-nobg;
	background-color: white;
}
.c-box-nobg{
	width: 686rpx;
	margin: 32rpx auto;
	border-radius: 24rpx;
	box-sizing: border-box;
}
.c-warp{
	word-break: break-all;
	height: auto;
}
.footer-btn{
	position: fixed;
	left: 32rpx;
	right: 32rpx;
	bottom: 32rpx;
}
.t{
	&-bl{
		color: skyblue;
	}
	&-bl2{
		color: #2979ff;
	}
	&-g2{
		color: #999999;
	}
	&-g3{
		color: #cccccc;
	}
	&-g4{
		color: #eee;
	}
	&-b{
		color: black;
	}
	&-w{
		color: white;
	}
	&-gr{
		color: #19BE6B;
	}
	&-r{
		color: #FA3534;
	}
}
.fs{
	&36{font-size: 36rpx;}
	&32{font-size: 32rpx;}
	&26{font-size: 26rpx;}
	&28{font-size: 28rpx;}
	&30{font-size: 30rpx;}
	&34{font-size: 34rpx;}
	&24{font-size: 24rpx;}
}
.fw{
	font-weight: 550;
}
.fl{
	display:flex;
}
.fd{
	display: flex;
	flex-direction: column;
}
.alc{
	align-items: center;
}
.jcc{
	justify-content: center;
}
.jsp{
	justify-content: space-between;
}
.jpa{
	justify-content: space-around;
}
.alb{
	align-items: baseline;
}
.jed{
	justify-content: flex-end;
}
.fcc{
	justify-content: center;
	align-items:center;
}
.ml{
	&32{
		margin-left: 32rpx;
	}
	&16{
		margin-left: 16rpx;
	}
	&8{
		margin-left: 8rpx;
	}
}
.mr{
	&32{
		margin-right: 32rpx;
	}
	&16{
		margin-right: 16rpx;
	}
	&8{
		margin-right: 8rpx;
	}
}
.mt{
	&32{
		margin-top: 32rpx;
	}
	&16{
		margin-top: 16rpx;
	}
	&8{
		margin-top: 8rpx;
	}
	&100{
		margin-top: 100rpx;
	}
}
.mb {
	&8{
		margin-bottom: 8rpx;
	}&16{
		margin-bottom: 16rpx;
	}&32{
		margin-bottom: 32rpx;
	}&100{
		margin-bottom: 100rpx;
	}
}
